<template>
    
        <el-submenu  v-if="content.children&&content.children.length" :index="content.fullPath1">
          <template slot="title">
              <i slot="title" :class="content.meta.icon"></i>
              <span slot="title">{{ content.meta.name }}</span>
          </template>
         
            <SideBarItem v-if="content.children" :content="ele" v-for="ele in content.children" :key="ele.path"></SideBarItem>
         
         
        </el-submenu>
        <el-menu-item :index="content.fullPath1" v-else>
          <i :class="content.meta.icon"></i>
          <span slot="title">{{ content.meta.name }}</span>
        </el-menu-item>
    
</template>

<script>
import {
  mapState
} from "vuex"
export default {
    name: 'SideBarItem',
    props:["content"],
    data() {
        return {

        };
    },
    computed: {
      ...mapState(["isCollapse"])
    },
    created() {

    },
    mounted() {

    },
    methods: {

    },
};
</script>

<style scoped lang="scss">

</style>
